.user_container{
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;

}
.user-outer-box form{
    width: 500px;
}
.form-title{
    height: 100px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.user-outer-box .title{
    text-align: center;
    font-size: 40px;
    font-weight: 800;
}
/*.user_info_box{*/
/*    !*display: flex;*!*/
/*}*/
.username-input,.password-input{
    width: 100%;
    padding:12px 16px;
    border: 2px solid #e2e8f0;
    border-radius:8px;
    font-size: 16px;
    transition:all 0.3s ease;
    background-color: white;
    box-sizing:border-box;
}
.user_info_box{
    height: 150px;
}

.user_info_box .errors{
    color: #e53e3e;
    font-size: 14px;
    height: 20px;
}

input[type="submit"] {
    width: 100%;
    padding: 14px;
    background: #4299e1;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background 0.3s ease,
        transform 0.2s ease;
    letter-spacing: 0.5px;
}

/* 悬停与点击效果 */
input[type="submit"]:hover {
    background: #3182ce;
    transform: translateY(-1px);
}

input[type="submit"]:active {
    transform: translateY(1px);
}